<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/register.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <title>register</title>
</head>

<body>
    
    <section class="input_register"> 
    	<div class="cell_input">
    		<div class="item-content">
			    <div class="item-inner">
			        <div class="item-media"><i class="icon icon-form-tel"></i></div>
			        <div class="item-input">
			            <input type="text" placeholder="请输入手机号">
			        </div>
			    </div>
			</div>
			<div class="item-content">
                <div class="item-inner small">
                    <div class="item-media"><i class="icon icon-form-vCode"></i></div>
                    <div class="item-input">
			            <input type="text" placeholder="图形验证码">
			        </div>
                </div>
		        <div class="item-vCode">
		        	<img src="images/vcodeImg.png">
		        </div>
			</div>
			<div class="item-content">
                <div class="item-inner keyinput">
			        <div class="item-media"><i class="icon icon-form-key"></i></div>
			        <div class="item-input">
			            <input type="text" placeholder="短信验证码">
			        </div>
			        <div class="item-obtain">
			           <a href="javascript:;">获取验证码</a>
			        </div>
			    </div>
			</div>
    	</div>
    	<div class="cell_btn">
    		<a href="#" class="button-big button-success">马上拿钱</a>
    	</div>
    </section>
    <section class="register_info">
    	<span>点击登录，表示您已阅读并同意</span><span class="alinkColor"><a href="#">《用户注册协议》、</a><a href="#">《用户隐私协议》</a></span>
    </section>
    <section class="register_footer">
    	<span>申请成功有机会获赠最高100万意外险</span>
    </section>


    <script type="text/javascript">
    	$(".item-input input").focus(function(e){
    		$(".cell_input").animate({ marginTop: "3.786667rem" }, 500);
            $(".cell_input").stop();
    	});
    	$(".item-input input").blur(function(e){
           $(".cell_input").animate({ marginTop: "6.4rem" }, 500)
    	})

 
    </script>
</body>
</html>